<template>
  <div>
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/' }">营销管理</el-breadcrumb-item>
      <el-breadcrumb-item>邮件管理</el-breadcrumb-item>
    </el-breadcrumb>

    <el-card class="box-card">
      <el-row :gutter="40">
        <el-col span="2">主题</el-col>
        <el-col span="9">
          <el-input v-model="querytxt" clearable>
            <el-button slot="append" icon="el-icon-search"></el-button>
          </el-input>
        </el-col>
        <el-col span="4">
          <el-button type="primary">发送邮件</el-button>
        </el-col>
      </el-row>
      <el-row class="showdata">
        <el-table :data="tableData" style="width: 100%" stripe border>
          <el-table-column prop="id" label="编号"> </el-table-column>
          <el-table-column prop="theme" label="主题"> </el-table-column>
          <el-table-column prop="sender" label="发送人"> </el-table-column>
          <el-table-column prop="time" label="发送时间"> </el-table-column>
          <el-table-column prop="addressee" label="收件人"> </el-table-column>
          <el-table-column prop="email" label="接受地址"> </el-table-column>
          <el-table-column label="操作">
            <template>
              <el-link class="link" type="primary">查看</el-link>
              <el-link class="link" type="danger">删除</el-link>
            </template>
          </el-table-column>
        </el-table>
      </el-row>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      querytxt: "",
      tableData: [
        {
          id: 1001,
          theme: "春节放假",
          sender: "张三",
          time: "1004-02-03",
          addressee: 18,
          email: 123456789,
        },
      ],
    };
  },
};
</script>
<style lang="less" scoped>
.box-card {
  margin-top: 10px;
}
.link {
  padding: 10px;
}
.showdata{
  margin-top: 10px;
}
</style>>
